<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>MyShop</title>
	<link rel="stylesheet" href="../layui/css/layui.css">
</head>

<body class="layui-layout-body">
	<div class="layui-row" style="padding-top: 30px">
		<div class="layui-col-md6 layui-col-md-offset3" style="padding:20px; background-color:#F2F2F2;">
			<div class="layui-card">
				<div class="layui-card-body">
					<div id="login-layer">
						<form id="login-form" class="layui-form" style="padding:30px 20px 5px 20px">
							<div class="layui-form-item">
								<label class="layui-form-label">登录名</label>
								<div class="layui-input-block">
									<input type="text" name="title" class="layui-input" id="username" style="width:80%">
								</div>
								<div id="msg" class="layui-hide">
									<label class="layui-form-label" style="color:red">错　误</label>
									<div class="layui-form-mid layui-word-aux">辅助文字</div>
								</div>
							</div>
							<div class="layui-form-item">
								<label class="layui-form-label">密　码</label>
								<div class="layui-input-block">
									<input type="password" name="password" class="layui-input" style="width:80%">
								</div>
								<div id="msg" class="layui-hide">
									<label class="layui-form-label" style="color:red">错　误</label>
									<div class="layui-form-mid layui-word-aux">辅助文字</div>
								</div>
							</div>
							<div class="layui-form-item" align="center" style="padding-top: 10px;">
								<button type="button" class="layui-btn layui-btn-normal layui-btn-sm">登　录</button>
								<button type="button" class="layui-btn layui-btn-primary layui-btn-sm">注　册</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 底部固定区域 -->
	<div class="layui-footer" style="padding-top:20px;text-align:center;">
		©www.jwkt.net 版权所有
	</div>
	
	<script src="../layui/js/jquery.min.js"></script>
	<script src="../layui/layui.js"></script>
	<script>
	//JavaScript代码区域
	layui.use(['element', 'form'], function(){
		var element = layui.element,
			form = layui.form;
	});
	</script>
</body>
</html>